var lang = {
    'zh':{
        dropDownData:[
            {
                name: 'production',
                title: '产品',
                activeItem: "production-optometry",
                child:[
                    {
                        name: 'production-optometry',
                        title:'魔发镜-智能AR美发系统',
                        summary:'一款帮助美发师和顾客有效沟通的工具，让美发师根据顾客发质调整出发型最终造型，并3D展示试戴效果，让顾客真正所见即所得选择发型，实现天下没有剪错的发型这一美好愿景。产品内还包含智能的发型推荐、健全的客户信息管理、社交分享等营销功能，是每个美发师必备的智能工具。'
                    }
                    // ,{
                    //     name:'production-vending',
                    //     title:'自动售卖机',
                    //     summary:'满天星眼镜试戴自动售卖机是广州便雅悯视光网络科技有限公司专为眼镜零售量身定制的智能设备，实现了太阳镜、功能镜以及相关护理产品即买、即取、即用的一站式服务，为眼镜零售行业提供全新的解决方案，帮助眼镜零售商提高产品销量，为消费者提供更便捷的选镜配镜服务。'
                    // }
                    // ,{
                    //     name:'production-try-on',
                    //     title:'试戴购买一体机',
                    //     summary:'满天星试戴购买一体机是一款进行眼镜及相关产品销售的高端产品，以逼真的3D实时动态试戴技术为核心，颠覆传统眼镜门店的营销模式，一台满天星试戴购买一体机即可实现眼镜选款选型和购买流程。'
                    // },{
                    //     name:'production-wechat',
                    //     title:'微信商城',
                    //     summary:' 满天星微信商城是业界第一款专门为眼镜销售量身定制的微信商城，提供眼镜行业的微商城在线服务，为商家搭建完整的微信商场系统，线上展示所有眼镜产品，打造互动营销新模式，实现线上价格与线下服务双向联动。'
                    // },{
                    //     name:'production-pad',
                    //     title:'PAD开店宝',
                    //     summary:'满天星开店宝是眼镜实体店商家和开店创业人士的“开店神器”，它完全打破传统眼镜门店的运营模式，为眼镜门店开启新形象。主要包含脸型识别、虚拟试戴、虚拟仓库等系列功能。'
                    // },{
                    //     name:'production-interactive',
                    //     title:'互动娱乐版',
                    //     summary:'互动娱乐版是专为眼镜实体零售商推出的一款线下虚拟试戴软件。新奇、有趣的虚拟试戴体验激发消费者强烈的购买欲望。同时，通过用户主动分享照片到朋友圈，系统可以帮助商家实现品牌免费推广和营销。'
                    // }
                ]
            },
            {
                name: 'service',
                title: '服务',
                activeItem: "service-try-on",
                child:[
                    {
                        name: 'service-try-on',
                        title:'AR发型试戴接入服务',
                        summary:'AR发型试戴，是指利用人脸识别技术、3D发型仿真技术、AR试戴技术，让用户在剪头发/做造型之前，可以先通过手机/IPAD等设备看到做完发型之后的效果，帮助用户更合理地选择自己的发型，避免出错，提高客户满意度。魔发科技的AR发型试戴模块可以接APP/PC端/网页端，随心所欲满足您的定制需求。'
                    }
                    ,{
                        name: '2D-virtual-try-on',
                        title:'2D发型虚拟试戴服务',
                        summary:'2D发型试戴是一种基于单张照片实现虚拟换发的技术。用户只需上传个人照片即可更换发型、发色，体验不同的发型效果。系统自动识别脸型、定位发型的位置，用户也可以手动缩放或平移发型，使试戴效果呈现最佳状态。一键试戴和试戴对比可以帮助用户快速精准找到适合自己的发型。本产品适用于APP、微信商城及PC网站虚拟换发功能接入，具有接入速度快、成本低等优势。'
                    }
                ]
            }
            // ,
            // {
            //     name: 'experience',
            //     title: '免费体验',
            //     activeItem: "experience-optometry",
            //     child:[
            //         {
            //             name:'experience-optometry',
            //             title: '满天星验光配镜智能系统',
            //             summary:'满天星验光配镜智能系统由PC大屏幕试戴商城系统、pad下单系统、全自动验光设备pad控制系统、满天星微信公众号系统、满天星微信商城系统及后台管理系统六大系统组成。结合智能硬件设备，满天星系统将帮助眼镜商家真正实现线上线下联动营销，获取更大的利润空间。'
            //         },{
            //             name:'experience-try-on',
            //             title:'2.5D眼镜试戴',
            //             summary:'2.5D试戴是在2D试戴技术上的优化升级，消费者上传个人照片即可体验眼镜在线试戴。同时，2.5D试戴支持眼镜局部微调，能更加真实的展现眼镜试戴的局部效果，如镜腿细节。2.5D试戴是眼镜电商实现低成本在线试戴功能的最佳选择。'
            //         }
            //     ]
            // }
        ]
    },
    'en':{
        dropDownData:[
            {
                name: 'production',
                title: '产品',
                activeItem: "production-optometry",
                child:[
                    {
                        name: 'production-optometry',
                        title:'是的是的是的是的',
                        summary:'首款真正全面实现验光网络配镜、数据与商城同步联动，定制搭配、护理维修等综合功能的高科技产品，一台满天星验光配镜智能一体机就是一个可移动的、完整的微型眼镜店，实现线上线下联动，推动整个眼镜行业的转型升级。'
                    },{
                        name:'production-vending',
                        title:'自动售卖机',
                        summary:'满天星眼镜试戴自动售卖机是广州便雅悯视光网络科技有限公司专为眼镜零售量身定制的智能设备，实现了太阳镜、功能镜以及相关护理产品即买、即取、即用的一站式服务，为眼镜零售行业提供全新的解决方案，帮助眼镜零售商提高产品销量，为消费者提供更便捷的选镜配镜服务。'
                    },{
                        name:'production-try-on',
                        title:'试戴购买一体机',
                        summary:'满天星试戴购买一体机是一款进行眼镜及相关产品销售的高端产品，以逼真的3D实时动态试戴技术为核心，颠覆传统眼镜门店的营销模式，一台满天星试戴购买一体机即可实现眼镜选款选型和购买流程。'
                    },{
                        name:'production-wechat',
                        title:'微信商城',
                        summary:' 满天星微信商城是业界第一款专门为眼镜销售量身定制的微信商城，提供眼镜行业的微商城在线服务，为商家搭建完整的微信商场系统，线上展示所有眼镜产品，打造互动营销新模式，实现线上价格与线下服务双向联动。'
                    },{
                        name:'production-pad',
                        title:'PAD开店宝',
                        summary:'满天星开店宝是眼镜实体店商家和开店创业人士的“开店神器”，它完全打破传统眼镜门店的运营模式，为眼镜门店开启新形象。主要包含脸型识别、虚拟试戴、虚拟仓库等系列功能。'
                    },{
                        name:'production-interactive',
                        title:'互动娱乐版',
                        summary:'互动娱乐版是专为眼镜实体零售商推出的一款线下虚拟试戴软件。新奇、有趣的虚拟试戴体验激发消费者强烈的购买欲望。同时，通过用户主动分享照片到朋友圈，系统可以帮助商家实现品牌免费推广和营销。'
                    }
                ]
            },
            {
                name: 'service',
                title: '服务',
                activeItem: "service-try-on",
                child:[
                    {
                        name: 'service-try-on',
                        title:'眼镜虚拟试戴解决方案',
                        summary:'眼镜虚拟试戴是指利用AR技术和人脸识别技术，让用户可以在实体店或智能移动设备看到自己真实的眼镜试戴效果。眼镜虚拟试戴技术能帮助消费者方便快捷地接触海量眼镜产品，通过脸型分析和智能推荐技术满足消费者个性化消费需求。'
                    },{
                        name: 'service-custom',
                        title:'APP/网页定制开发',
                        summary:'开发者服务专为客户提供定制需求服务，通过平台搭建、试戴接入、数据测量等功能模块的实现，帮助客户建立独立平台进行线上营销，无限扩展业务，最终实现线上线下联动。'
                    }
                ]
            },
            {
                name: 'experience',
                title: '免费体验',
                activeItem: "experience-optometry",
                child:[
                    {
                        name:'experience-optometry',
                        title: '满天星验光配镜智能系统',
                        summary:'满天星验光配镜智能系统由PC大屏幕试戴商城系统、pad下单系统、全自动验光设备pad控制系统、满天星微信公众号系统、满天星微信商城系统及后台管理系统六大系统组成。结合智能硬件设备，满天星系统将帮助眼镜商家真正实现线上线下联动营销，获取更大的利润空间。'
                    },{
                        name:'experience-try-on',
                        title:'2.5D眼镜试戴',
                        summary:'2.5D试戴是在2D试戴技术上的优化升级，消费者上传个人照片即可体验眼镜在线试戴。同时，2.5D试戴支持眼镜局部微调，能更加真实的展现眼镜试戴的局部效果，如镜腿细节。2.5D试戴是眼镜电商实现低成本在线试戴功能的最佳选择。'
                    }
                ]
            }
        ]
    }
}



new Vue({

    data: {
        //默认选择维产品
        dropDownActiveItem: 'production',
        dropDown:false,
        currentUrl:'/',
        dropDownData: lang[window.country].dropDownData
    },

    methods:{
        //打开下拉列表
        enterHandle:function(itemname){
            if ( typeof itemname === "string"){
                this.dropDownActiveItem = itemname;
            }
            this.dropDown = true;
        },

        //关闭下拉列表
        leaveHandle:function(){
            this.dropDown = false;
        },

        //鼠标移入第三级列表时触发
        setActiveChildItem:function(childItemName){
            if ( typeof childItemName === "string"){
                this.currentActiveChildItem.activeItem = childItemName;

            }

        }
    },
    computed: {

        //  下拉列表第三级列表的数据
        childNavData: function(){
           for(var i=0; i<this.dropDownData.length;i++){
               if( this.dropDownData[i].name === this.dropDownActiveItem ){
                   return this.dropDownData[i].child;
               }
           }
        },

        //当前被激活的第三级列表对象
        currentActiveChildItem:function(){
            for(var i=0; i<this.dropDownData.length;i++){
                if( this.dropDownData[i].name === this.dropDownActiveItem ){
                    return this.dropDownData[i];
                }
            }
        },

        //文章对象
        getArticle:function(){
            for(var i=0; i<this.childNavData.length;i++){
                if(this.childNavData[i].name === this.currentActiveChildItem.activeItem){
                    return this.childNavData[i];
                }
            }
        }
    },
    mounted:function () {
        this.currentUrl = window.location.href;
    }
}).$mount('#header');


// 返回顶部
new Vue({
    el:'#aside_box',
    data:{
        isShow: false
    },
    mounted:function(){
        var vm = this;

        //事件节流
        window.addEventListener("scroll",debounce( function(event){

            var scrollTop = document.documentElement.scrollTop ||  document.body.scrollTop;
            if( scrollTop <= 20 ){
                vm.isShow = false;
            }else{
                vm.isShow = true;
            }
        } ,200 ))
    },

    methods:{
        backTop:function(){
            document.body.scrollTop = 0;
        },
        service:function(){
            alert("ke fu")
        }
    }
});
